<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>企业信息</title>
    <link rel="stylesheet" th:href="@{/layui/css/font.css}">
    <link rel="stylesheet" th:href="@{/layui/css/xadmin.css}">
    <link rel="stylesheet" th:href="@{/layui/css/login.css}">
    <script charset="utf-8" th:src="@{/layui/lib/layui/layui.js}"></script>
    <script th:src="@{/layui/js/xadmin.js}" type="text/javascript"></script>
    <style>
        body,html {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
        .login {
            max-width: 1000px;
            height: 500px;
            margin: 40px auto 0 auto;
        }
        .login input[type=text], .login input[type=file], .login input[type=password], .login input[type=email], select {
            display: inline-block;
        }
    </style>
</head>
<body class="login-bg">
<div class="login layui-anim layui-anim-up">
    <div class="message">Company Info</div>
    <div id="darkbannerwrap"></div>
    <div style="margin: auto; width: 200px; height: 200px;float: left">
        <img alt="" src="" style="height: 100%;width: 100%;margin-top: 30px" th:src="${company.portrait}">
    </div>
    <form class="layui-form" style="float: right; width: 680px;margin-left: 40px" >
        <div style="float: left">
            <label for="universityName">公司名称&emsp;</label>
            <input class="layui-input" id="universityName" name="universityName" style="width: 200px" th:value="${company.companyName}" type="text">
            <hr class="hr10">
            <label for="username">联系方式&emsp;</label>
            <input class="layui-input" id="username" name="username" style="width: 200px" th:value="${company.phone}" type="text">
            <hr class="hr10">
            <label for="cityName">所属地区&emsp;</label>
            <input class="layui-input" id="cityName" name="cityName" style="width: 200px" th:value="${company.city.cityName}" type="text">
            <hr class="hr10">
            <label for="industryName">所属行业&emsp;</label>
            <input class="layui-input" id="industryName" name="industryName" style="width: 200px" th:value="${company.industry.industryName}" type="text">
        </div>
        <div style="float: left;margin-left: 40px">
            <label for="hrName">HR姓名&emsp;&emsp;&emsp;</label>
            <input class="layui-input" id="hrName" name="hrName" style="width: 200px" th:value="${company.hrName}" type="text">
            <hr class="hr10">
            <label for="hrPhone">HR联系方式&emsp;</label>
            <input class="layui-input" id="hrPhone" name="hrPhone" style="width: 200px" th:value="${company.hrPhone}" type="text">
            <hr class="hr10">
            <label for="introduction" style="position: relative;bottom: 85px">公司描述 &emsp;&emsp;</label>
            <textarea class="layui-textarea" cols="15" id="introduction" name="introduction" rows="5" style="width: 200px;resize: none;display: inline-block" th:text="${company.introduction}"></textarea>
        </div>
    </form>
</div>
<script type="text/javascript">
    window.onload=function () {
        const input = document.getElementsByClassName("layui-input");
        for (let i = 0; i < input.length; i++) {
            input[i].setAttribute('readonly', 'true');
        }
    }
</script>
</body>
</html>